<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!-- 标题 -->
    <title>@yield('title')</title>
    <!-- 公共样式表 -->
        <link rel="shortcut icon" href="favicon.png">
        <link rel="apple-touch-icon-precomposed" sizes="180x180" href="apple-touch-180x180.png">
        <meta name="msapplication-TileImage" content="mstile.png"><!-- FONTS -->
        <link rel="stylesheet" href="http://fonts.useso.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic">
        
        <!-- BOOTSTRAP CSS -->
        <link rel="stylesheet" href="{{ asset('resources/web/bootstrap/css/bootstrap.min.css') }}"> 
        
        <!-- FONT AWESOME -->
        <link rel="stylesheet" href="{{ asset('resources/web/fonts/fontawesome/css/font-awesome.min.css') }}">
        
        <!-- SYDNEY ICONS -->
        <link rel="stylesheet" href="{{ asset('resources/web/fonts/sydney-icons/css/sydney-icons.min.css') }}">
        
        <!-- FANCYBOX -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/fancybox/jquery.fancybox.css') }}">
        
        <!-- REVOLUTION SLIDER -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/revolutionslider/css/settings.css') }}">
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/revolutionslider/css/layers.css') }}">
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/revolutionslider/css/navigation.css') }}">
        
        <!-- OWL Carousel -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/owl-carousel/owl.carousel.css') }}">
        
        <!-- YOUTUBE PLAYER -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/ytplayer/css/jquery.mb.ytplayer.min.css') }}">
        
        <!-- ANIMATIONS -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/animations/animate.min.css') }}">
        
        <!-- CUSTOM & PAGES STYLE -->
        <link rel="stylesheet" href="{{ asset('resources/web/css/custom.css') }}">
        <link rel="stylesheet" href="{{ asset('resources/web/css/pages-style.css') }}">
        
        <!-- THEME OPTIONS -->
        <link rel="stylesheet" href="{{ asset('resources/web/plugins/theme-options/theme-options.css') }}">  
        @yield('styles')
</head>
<body>
    <div id= "main-container">
        @include('web.partials.header')
        <div id="page-content">
            @yield('content')
        </div>
        @include('web.partials.copyright')
    </div>
    <!-- 页面js -->
    <!-- SCROLL UP -->
    <a id="scroll-up"><i class="fa fa-angle-up"></i></a>
    
    
    <!-- THEME OPTIONS -->
    <div id="theme-options"></div>
    
    
    <!-- jQUERY -->
    <script src="{{ asset('resources/web/plugins/jquery/jquery-2.2.2.min.js') }}"></script>
    
    <!-- BOOTSTRAP JS -->
    <script src="{{ asset('resources/web/bootstrap/js/bootstrap.min.js') }}"></script>
    
    <!-- VIEWPORT -->
    <script src="{{ asset('resources/web/plugins/viewport/jquery.viewport.js') }}"></script>
    
    <!-- MENU -->
    <script src="{{ asset('resources/web/plugins/menu/hoverIntent.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/menu/superfish.js') }}"></script>
    
    <!-- FANCYBOX -->
    <script src="{{ asset('resources/web/plugins/fancybox/jquery.fancybox.pack.js ') }}"></script>
    
    <!-- REVOLUTION SLIDER  -->
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/jquery.themepunch.tools.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/jquery.themepunch.revolution.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.actions.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.carousel.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.kenburn.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.layeranimation.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.migration.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.navigation.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.parallax.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.slideanims.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/revolutionslider/js/extensions/revolution.extension.video.min.js') }}"></script>
    
    <!-- OWL Carousel -->
    <script src="{{ asset('resources/web/plugins/owl-carousel/owl.carousel.min.js') }}"></script>
    
    <!-- PARALLAX -->
    <script src="{{ asset('resources/web/plugins/parallax/jquery.stellar.min.js') }}"></script>
    
    <!-- ISOTOPE -->
    <script src="{{ asset('resources/web/plugins/isotope/imagesloaded.pkgd.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/isotope/isotope.pkgd.min.js') }}"></script>
    
    <!-- PLACEHOLDER -->
    <script src="{{ asset('resources/web/plugins/placeholders/jquery.placeholder.min.js') }}"></script>
    
    <!-- CONTACT FORM VALIDATE & SUBMIT -->
    <script src="{{ asset('resources/web/plugins/validate/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/submit/jquery.form.min.js') }}"></script>
    
    <!-- GOOGLE MAPS -->
    <!--<script src="http://maps.google.com/maps/api/js?sensor=false"></script>-->
    <!--<script src="resources/web/plugins/googlemaps/gmap3.min.js"></script>-->
    
    <!-- CHARTS -->
    <script src="{{ asset('resources/web/plugins/charts/jquery.easypiechart.min.js') }}"></script>
    
    <!-- COUNTER -->
    <script src="{{ asset('resources/web/plugins/counter/jquerysimplecounter.js') }}"></script>
    
    <!-- STATISTICS -->
    <script src="{{ asset('resources/web/plugins/statistics/chart.min.js') }}"></script>
    
    <!-- YOUTUBE PLAYER -->
    <script src="{{ asset('resources/web/plugins/ytplayer/jquery.mb.ytplayer.min.js') }}"></script>
    
    <!-- INSTAFEED -->
    <script src="{{ asset('resources/web/plugins/instafeed/instafeed.min.js') }}"></script>
    
    <!-- COUNTDOWN -->
    <script src="{{ asset('resources/web/plugins/countdown/jquery.countdown.min.js') }}"></script>
    
    <!-- ANIMATIONS -->
    <script src="{{ asset('resources/web/plugins/animations/wow.min.js') }}"></script>
    
    <!-- THEME OPTIONS -->
    <script src="{{ asset('resources/web/plugins/theme-options/jquery.cookie.js') }}"></script>
    <script src="{{ asset('resources/web/plugins/theme-options/theme-options.js') }}"></script>
    
    <!-- CUSTOM JS -->
    <script src="{{ asset('resources/web/js/custom.js') }}"></script>
    
    @yield('scripts')
</body>
</html>